﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="JWBSTAPP.TbBstFastprocessDetail"
    CodeBehind="TbBstFastprocessDetail.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>查看信息</title>
    <link href="../Styles/AddOrEditPage.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../Styles/validationEngine.jquery.css" type="text/css"
        media="screen" charset="utf-8" />
    <link href="../Scripts/Lightbox/css/cupertino/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"
        type="text/css" />
    <script src="../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Scripts/Lightbox/js/ui.core.js"></script>
    <script src="../Scripts/Lightbox/js/ui.ariaLightbox_min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Scripts/CommonADEQ3.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=F4856c3883499a59597ec1849504c3ac"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            initDetailPage("TbBstFastprocessForm", "../AjaxServer/Application/TbBstFastprocessHandler.ashx");
        });

        $(function () {
            var lightbox2 = $(".seriesLightbox").ariaLightbox({
                imageArray: [],
                altText: "alt",
                descText: "title",
                useDimmer: true,
                pos: "auto",
                title: "Bildergallerie",
                closeText: "关闭",
                titleText: "事故图片",
                pictureText: "第",
                ofText: "张 共",
                endText: "张",
                em: false,
                onShow: function () {
                    $("#ui-lightbox-next").html("下一页");
                    $("#ui-lightbox-prev").html("上一页");
                }
            });
        });
    </script>
    <style type="text/css">
        #wrapper
        {
            width: 90%;
        }
        .sub
        {
            font-size: 0.7em;
        }
        h1
        {
            font-family: "Trebuchet MS" , "Helvetica";
            border-bottom: 1px solid #EEEEEE;
        }
        .ui-dialog-titlebar
        {
            font-size: 1em;
            padding: 0.1em 0.3em;
        }
        .ui-dialog .ui-dialog-titlebar
        {
            font-size: 0.9em;
            padding: 0 0.3em;
            margin: 1em 0 0 0;
        }
        p
        {
            font-size: 0.6em;
        }
        button
        {
            font-size: 0.6em !important;
        }
        a img
        {
            border: 0;
        }
        #copyright
        {
            font-size: 0.6em;
        }
        
        /* Lightbox Styles
----------------------------------*/
        #ui-lightbox-wrapper
        {
            display: none;
            position: absolute;
            width: 20em;
            height: auto;
        }
        #ui-lightbox-image
        {
            height: 10em;
            margin: 1em 0 0 0;
            background: url(../Scripts/Lightbox/css/ajax-loader.gif) no-repeat center center;
        }
        #ui-lightbox-image img
        {
            display: none;
        }
        
        /* Picture Styles
----------------------------------*/
        .ui-widget-content
        {
            padding: 0 1em 1em 1em;
        }
        .ui-dialog
        {
            padding: 0 1em 0 1em;
        }
        .box
        {
            padding: 0 1em 1em 1em;
            margin: 0 0 1em 0;
        }
        a.singleLightbox
        {
            margin: 0 0.8em 0 0;
        }
        ul
        {
            margin: 0;
            padding: 0;
        }
        ul li
        {
            float: left;
            margin: 0 0.9em 0 0;
            list-style-type: none;
        }
        ul li.last, a.last
        {
            margin: 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <form id="TbBstFastprocessForm" action="" method="get">
        <table class="mainTable">
            <tr>
                <td class="mainTable_TitleTd" colspan="4">
                    查看信息
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    事故流水号：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastLsh" name="LabFastLsh">
                    </label>
                </td>
                <td class="mainTable_LeftTd">
                    事故发生区域：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabVAddress" name="LabFastAddress">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    报案人车牌号：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastLpna" name="LabFastLpna">
                    </label>
                </td>
                <td class="mainTable_LeftTd">
                    事故相关车牌号：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastLpnb" name="LabFastLpnb">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    报案人手机号：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastPhonea" name="LabFastPhonea">
                    </label>
                </td>
                <td class="mainTable_LeftTd">
                    事故相关人手机：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastPhoneb" name="LabFastPhoneb">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    事故发生地经度：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastGpsJd" name="LabFastGpsJd">
                    </label>
                </td>
                <td class="mainTable_LeftTd">
                    事故发生地纬度：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastGpsWd" name="LabFastGpsWd">
                    </label>
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <input class="button" type="button" value="查看地图" id="btnMap" onclick="OpenMap()" />
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    事故图片：
                </td>
                <td class="mainTable_RightTd" colspan="3">
                    <div id="wrapper">
                        <div class="ui-corner-all ui-helper-clearfix">
                            <ul>
                                <%=imgliststr %>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            <%-- <tr>
                <td class="mainTable_LeftTd">
                    录音文件：
                </td>
                <td class="mainTable_RightTd" colspan="3">
                    <object width="200px" height="18px" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
                        codebase="http://www.apple.com/qtactivex/qtplugin.cab">
                        <param name="src" value="<%=sountpath %>" />
                        <param name="type" value="video/quicktime" />
                        <param name="autoplay" value="false" />
                        <param name="controller" value="true" />
                        <param name="target" value="myself" />
                        <param name="bgcolor" value="black" />
                        <param name="pluginspage" value="http://www.apple.com/quicktime/download/index.html" />
                        <embed src="<%=sountpath %>" width="200px" height="18px" controller="true" align="middle"
                            bgcolor="white" target="myself" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/index.html"></embed>
                    </object>
                </td>
            </tr>--%>
            <tr>
                <td class="mainTable_LeftTd">
                    事故上传时间：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastUptime" name="LabFastUptime">
                    </label>
                </td>
                <td class="mainTable_LeftTd">
                    事故审核人：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastAuditid" name="LabFastAuditid">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    事故审核时间：
                </td>
                <td class="mainTable_RightTd">
                    <label id="LabFastAudittime" name="LabFastAudittime">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_LeftTd">
                    事故审核结果：
                </td>
                <td class="mainTable_RightTd" colspan="3">
                    <label id="LabFastAuditresult" name="LabFastAuditresult">
                    </label>
                </td>
            </tr>
            <tr>
                <td class="mainTable_ButtonTd" colspan="4">
                    <input class="button" type="button" value="取消" onclick="window.parent.tb_remove();" />
                </td>
            </tr>
        </table>
        </form>
    </div>
</body>
</html>
<script type="text/javascript">
    function OpenMap() {
        var mapurl = "map.htm?xx=" + document.getElementById("LabFastGpsJd").innerHTML + "&yy=" + document.getElementById("LabFastGpsWd").innerHTML;
        window.open(mapurl, 'newwindow', 'height=460,width=600,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
    }
</script>